
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name=”renderer” content=”webkit|ie-comp|ie-stand” />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Expires" content="0">
    <title>食品溯源追溯服务管理平台</title>
    <link href="favicon.ico" type="image/x-icon" rel="icon">
    <!-- Font ================================================== -->
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700">
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lato:300,400,500,600,700">
    <!-- Font ================================================== -->
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700">
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lato:300,400,500,600,700">
    <link rel="stylesheet" type="text/css" href="assets/css/iconfont.css">
    <link href="favicon.ico" type="image/x-icon" rel="icon">
    <!-- Helpers ================================================== -->
    <meta property="og:type" content="website">
    <meta property="og:title" content="Home Market - Responsive HTML5 theme">
    <meta property="og:image" content="/assets/images/logo.png">
    <meta property="og:image:secure_url" content="/assets/images/logo.png">
    <meta property="og:url" content="#">
    <meta property="og:site_name" content="Home Market Red">
    <meta name="twitter:site" content="@">
    <meta name="twitter:card" content="summary">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <!-- CSS ================================================== -->
    <link href="assets/css/jquery.fancybox.css" rel="stylesheet" type="text/css" media="all">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link href="assets/css/animate.min.css" rel="stylesheet" type="text/css" media="all">
    <link href="assets/css/swatch.css" rel="stylesheet" type="text/css" media="all">
    <link href="assets/css/owl.carousel.min.css" rel="stylesheet" type="text/css" media="all">
    <link href="assets/css/flexslider.css" rel="stylesheet" type="text/css" media="all">
    <link href="assets/css/timber.scss.css" rel="stylesheet" type="text/css" media="all">
    <link href="assets/css/home_market.global.scss.css" rel="stylesheet" type="text/css" media="all">
    <link href="assets/css/home_market.style.scss.css" rel="stylesheet" type="text/css" media="all">
    <link href="assets/css/tada.css" rel="stylesheet" type="text/css" media="all">
    <link href="assets/css/spr.css" rel="stylesheet" type="text/css" media="all">
    <link href="assets/css/buttons.css" rel="stylesheet" type="text/css" media="all">
    <link type="text/css" rel="stylesheet" href="assets/css/core.css">
    <link type="text/css" rel="stylesheet" href="assets/css/home.css">
    <!-- JS ================================================== -->
    <script src="assets/js/jquery.min.js" type="text/javascript"></script>
    <script src="/assets/js/resource.js"></script>
    <script src="assets/js/top_head_user.js" type="text/javascript"></script>
</head>
<body>
    <!-- Main Header -->
    <header class="site-header">
        <div class="wrapper">
            <div id="main-header" class="grid--full grid--table">
                <div class="grid__item small--one-whole medium--one-whole two-eighths" style="font-size: 30px;line-height: 85px;color: #0da944;">
                    <h1 class="site-header__logo large--left" itemscope="" itemtype="http://schema.org/Organization">
                        <a href="index.html" itemprop="url" class="site-header__logo-link">
                            <img src="assets/images/iconTemp.jpg" alt="Home Market Red" itemprop="logo" width="100">
                        </a>
                    </h1>
                    溯源云服务
                </div>
                <div class="grid__item small--one-whole medium--one-whole four-eighths mobile-bottom">
                    <div class="large--hide medium-down--show navigation-icon">
                        <div class="grid">
                            <div class="grid__item one-half">
                                <div class="site-nav--mobile">
                                    <button type="button" class="icon-fallback-text site-nav__link js-drawer-open-left" aria-controls="NavDrawer" aria-expanded="false">
                                        <span class="icon icon-hamburger" aria-hidden="true"></span>
                                        <span class="fallback-text">Menu</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="site-header__search">
                        <form action="./search.html" method="get" class="input-group search-bar">
                            <div class="collections-selector">
                                <select class="single-option-selector" data-option="collection-option" id="collection-option" name="collection">
                                    <option value="0">全部</option>
                                </select>
                            </div>
                            <input type="hidden" name="type" value="product">
                            <input type="search" name="q" value="" placeholder="" class="input-group-field st-default-search-input" aria-label="Search our store">
                                    <span class="input-group-btn">
                                        <button type="submit" class="btn icon-fallback-text">
                                            <i class="fa fa-search"></i>
                                        </button>
                                    </span>
                        </form>
                    </div>
                    <div class="large--hide medium-down--show navigation-cart">
                        <div class="grid__item text-right">
                            <div class="site-nav--mobile">
                                <a href="cart.html" class="js-drawer-open-right site-nav__link" aria-controls="CartDrawer" aria-expanded="false">
                                        <span class="icon-fallback-text">
                                        <span class="icon icon-cart" aria-hidden="true"></span>
                                        <span class="fallback-text">Shopping Cart</span>
                                        </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="grid__item small--one-whole two-eighths medium-down--hide">
                    <ul class="link-list">
                        <!--<li class="track-order">-->
                            <!--<a href="store-location.html">-->
                                <!--<i class="fa fa-map-marker"></i>-->
                                <!--<span class="name">Store Location</span>-->
                            <!--</a>-->
                        <!--</li>-->
                        <!--<li class="header-account">-->
                            <!--<a href="#loginBox" id="login_link">-->
                                <!--<i class="fa fa-user"></i>-->
                                <!--<span class="name">My Account</span>-->
                            <!--</a>-->
                            <!--<div id="loginBox" class="loginLightbox" style="display:none;">-->
                                <!--<div id="lightboxlogin">-->
                                    <!--<form method="post" action="./login.html" id="customer_login" accept-charset="UTF-8">-->
                                        <!--<input type="hidden" value="customer_login" name="form_type"><input type="hidden" name="utf8" value="✓">-->
                                        <!--<div id="bodyBox">-->
                                            <!--<h3>Login</h3>-->
                                            <!--<label for="CustomerEmail" class="hidden-label">Email</label>-->
                                            <!--<input type="email" name="customer[email]" id="CustomerEmail" class="input-full" placeholder="Email">-->
                                            <!--<label for="CustomerPassword" class="hidden-label">Password</label>-->
                                            <!--<input type="password" value="" name="customer[password]" id="CustomerPassword" class="input-full" placeholder="Password">-->
                                            <!--<input type="submit" class="btn btn2 btn&#45;&#45;full" value="Sign In">-->
                                            <!--<div>-->
                                                <!--<p class="forgot">-->
                                                    <!--<a href="#recover" onclick="showRecoverPasswordForm();return false;" id="RecoverPassword">Forgot your password?</a>-->
                                                <!--</p>-->
                                                <!--<p class="create">-->
                                                    <!--<a href="#create_accountBox" onclick="showCreateAccountForm();return false;" id="CreateAccountPassword">Create New Account</a>-->
                                                <!--</p>-->
                                            <!--</div>-->
                                            <!--<p>-->
                                                <!--<a href="#" onclick="$.fancybox.close();">Close</a>-->
                                            <!--</p>-->
                                        <!--</div>-->
                                    <!--</form>-->
                                <!--</div>-->
                                <!--<div id="recover-password" style="display:none;">-->
                                    <!--<h3>Reset your password</h3>-->
                                    <!--<p class="note">-->
                                        <!--We will send you an email to reset your password.-->
                                    <!--</p>-->
                                    <!--<form method="post" action="recover.html" accept-charset="UTF-8">-->
                                        <!--<input type="hidden" value="recover_customer_password" name="form_type"><input type="hidden" name="utf8" value="✓">-->
                                        <!--<p>-->
                                            <!--<label for="recover-email" class="label">Email</label>-->
                                        <!--</p>-->
                                        <!--<input type="email" value="" size="30" name="email" id="recover-email" class="text">-->
                                        <!--<div class="action_bottom">-->
                                            <!--<input class="btn btn2" type="submit" value="Submit">-->
                                            <!--<a class="btn back" href="#" onclick="hideRecoverPasswordForm();return false;">Back to Login</a>-->
                                        <!--</div>-->
                                        <!--<p class="close">-->
                                            <!--<a href="#" onclick="$.fancybox.close();">Close</a>-->
                                        <!--</p>-->
                                    <!--</form>-->
                                <!--</div>-->
                                <!--<div id="create_accountBox" style="display:none;">-->
                                    <!--<h3>Create Account</h3>-->
                                    <!--<div class="form-vertical">-->
                                        <!--<form method="post" action="./account.html" id="create_customer" accept-charset="UTF-8">-->
                                            <!--<input type="hidden" value="create_customer" name="form_type"><input type="hidden" name="utf8" value="✓">-->
                                            <!--<label for="FirstName" class="hidden-label">First Name</label>-->
                                            <!--<input type="text" name="customer[first_name]" id="FirstName" class="input-full" placeholder="First Name">-->
                                            <!--<label for="LastName" class="hidden-label">Last Name</label>-->
                                            <!--<input type="text" name="customer[last_name]" id="LastName" class="input-full" placeholder="Last Name">-->
                                            <!--<label for="Email" class="hidden-label">Email</label>-->
                                            <!--<input type="email" name="customer[email]" id="Email" class="input-full" placeholder="Email">-->
                                            <!--<label for="CreatePassword" class="hidden-label">Password</label>-->
                                            <!--<input type="password" name="customer[password]" id="CreatePassword" class="input-full" placeholder="Password">-->
                                            <!--<p>-->
                                                <!--<input type="submit" value="Create" class="btn btn2 btn&#45;&#45;full">-->
                                            <!--</p>-->
                                            <!--<p>-->
                                                <!--<span><a class="btn" href="#" onclick="hideRecoverPasswordForm();return false;">Back to Login</a></span>-->
                                            <!--</p>-->
                                            <!--<p class="close">-->
                                                <!--<a href="#" onclick="$.fancybox.close();">Close</a>-->
                                            <!--</p>-->
                                        <!--</form>-->
                                    <!--</div>-->
                                <!--</div>-->
                                <!--<script>-->
                                    <!--function showRecoverPasswordForm() {-->
                                        <!--$('#recover-password').css("display",'block');-->
                                        <!--$('#lightboxlogin').css("display",'none');-->
                                        <!--$('#create_accountBox').css("display",'none');-->
                                    <!--}-->
                                    <!--function hideRecoverPasswordForm() {-->
                                        <!--$('#recover-password').css("display",'none');-->
                                        <!--$('#lightboxlogin').css("display",'block');-->
                                        <!--$('#create_accountBox').css("display",'none');-->
                                    <!--}-->
                                    <!--function showCreateAccountForm(){-->
                                        <!--$('#recover-password').css("display",'none');-->
                                        <!--$('#lightboxlogin').css("display",'none');-->
                                        <!--$('#create_accountBox').css("display",'block');-->
                                    <!--}-->
                                <!--</script>-->
                            <!--</div>-->
                        <!--</li>-->
                        <!--<li class="header-cart">-->
                            <!--<a href="cart.html" class="site-header__cart-toggle js-drawer-open-right" aria-controls="CartDrawer" aria-expanded="false">-->
                                <!--<i class="fa fa-shopping-basket"></i>-->
                                <!--<span id="CartCount">3</span>-->
                                <!--<span class="name">Shopping Cart</span>-->
                            <!--</a>-->
                        <!--</li>-->
                    </ul>
                </div>
            </div>
        </div>
    </header>

    <!-- Navigation Bar -->
    <nav class="nav-bar">
        <div class="wrapper">
            <div class="medium-down--hide">
                <!-- begin site-nav -->
                <ul class="site-nav" id="AccessibleNav">
                    <li class="site-nav--active">
                        <a href="index.html" class="site-nav__link">
                            <span>首页</span>
                        </a>
                    </li>
                    <li class="site-nav--has-dropdown" aria-haspopup="true" >
                        <a href="collection.html" class="site-nav__link">
                            <span>分类</span>
                            <span class="icon icon-arrow-down" aria-hidden="true"></span>
                        </a>
                        <ul class="site-nav__dropdown" id="collectionNav">
                            <!--这里是导航栏Collections的下拉导航-->
                        </ul>
                    </li>
                    <li class="mega-menu site-nav--has-dropdown" aria-haspopup="true">
                        <a href="collection.html" class="site-nav__link">
                            <span>供应大厅</span>
                            <!--<span class="icon icon-arrow-down" aria-hidden="true"></span>-->
                            <span class="special_label hot_label">Hot</span>
                        </a>
                        <!--<ul class="site-nav__dropdown megamenu__dropdown megamenu_1">-->
                        <!--<li class="nav-sampletext grid__item large&#45;&#45;one-quarter">-->
                        <!--<a href="index.html"><img src="assets/images/logo-b.png" alt=""></a>-->
                        <!--<p>-->
                        <!--Lorem ipsum dolor sit amet, quod fabellas hendrerit per eu, mea populo epicuri et, ea possim numquam mea.-->
                        <!--</p>-->
                        <!--<p>-->
                        <!--Duo harum ornatus ponderum an, at ius zril menandri praesent. Bonorum tacimates interesset has ei, pro ignota prodesset at. Vel ea velit percipitur.-->
                        <!--</p>-->
                        <!--</li>-->
                        <!--<li class="nav-links nav-links01 grid__item large&#45;&#45;one-quarter">-->
                        <!--<ul>-->
                        <!--<li class="list-title">1st Collections</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">Book</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">Health &amp; Beatuty</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">Homelife</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">Home Appliances</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">Smartphones &amp; Cell Phones</a>-->
                        <!--</li>-->
                        <!--</ul>-->
                        <!--</li>-->
                        <!--<li class="nav-links nav-links02 grid__item large&#45;&#45;one-quarter">-->
                        <!--<ul>-->
                        <!--<li class="list-title">2nd Collections</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">Camera - Camcorder</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">Accessories</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">Kids &amp; Baby</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">Toy and Gift</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">Stationery</a>-->
                        <!--</li>-->
                        <!--</ul>-->
                        <!--</li>-->
                        <!--<li class="nav-links nav-links03 grid__item large&#45;&#45;one-quarter">-->
                        <!--<ul>-->
                        <!--<li class="list-title">Pages</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">All Collections</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="product.html">All Products</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="about-us.html">About us</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="contact-us.html">Contact us</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="wishlist.html">Wishlist</a>-->
                        <!--</li>-->
                        <!--</ul>-->
                        <!--</li>-->
                        <!--</ul>-->
                    </li>

                    <li>
                        <a href="news.html" class="site-nav__link">
                            <span>行业资讯</span>
                            <span class="special_label new_label">New</span>
                        </a>
                    </li>
                    <li>
                        <a href="http://localhost:8084/traceability/index" class="site-nav__link">
                            <span>真源码</span>
                            <!--<span class="special_label new_label">New</span>-->
                        </a>
                    </li>
                </ul>
                <script>
                    $(window).ready(function($) {
                        //$('.megamenu__dropdown').css("width",$('#main-header').innerWidth());
                    });
                    $( window ).resize(function() {
                        //$('.megamenu__dropdown').css("width",$('#main-header').innerWidth());
                    });
                </script>
            </div>
        </div>
    </nav>

    <section id="pc-banner">
        <div class="bannerbox">
            <div class="pc-define pc-search">
                <form>
                    <input type="text" placeholder="请输入22溯源码">
                    <a href="resource.html" target="_blank" id="resouce">立即追溯</a>
                </form>
            </div>
            <ul>
                <li class="fst-li"></li>
            </ul>
        </div>
    </section>
    <section id="pc-news">
        <div class="pc-domain">
            <div class="pc-figure"><img src="assets/images/ico.png" ></div>
            <div class="pc-trends">
                <div class="pc-minute">
                    <h2>最新动态</h2>
                    <a href="index.html">查看更多</a>
                </div>
                <div class="pc-publish clearfix">
                    <dl class="clearfix">
                        <dt><img src="assets/images/ad1.png" width="126" height="74" title=""></dt>
                        <dd class="title"><a href="new-list.html" target="_blank" title="广东盏王食品溯源诚信经销声明" about="">在共享经济时代下，食品追溯平台可以做的不止是防范</a></dd>
                        <dd class="remark">当今经济发展已经擂响了共享经济时代的鼓点，以迅雷不及掩耳之势席卷而来的共享单车、共享充电宝以及共享电单车等等......</dd>
                    </dl>
                    <dl>
                        <dt><img src="assets/images/ad2.png" width="126" height="74" title=""></dt>
                        <dd class="title"><a href="new-list.html" target="_blank" title="诚信经销，为您提供放心食品溯源" about="">诚信经销，为您提供放心食品溯源</a></dd>
                        <dd class="remark">共享经济行业发展的时间不长，但在短时间内已经快速地渗透到了很多行业和细分市场。......</dd>
                    </dl>
                </div>
            </div>
        </div>
    </section>
    <section id="pc-nest">
        <div class="pc-edible">
            <div class="pc-source">
                <div class="pc-title">
                    <h1>您可以通过以下方式食品溯源产品信息</h1>
                </div>
                <div class="pc-traces"></div>
            </div>
            <!-- begin-->
            <div class="soft_function">
                <div class="pc-means">
                    <h2>通过查询</h2>
                    <h3>你将得到如下相关信息</h3>
                </div>
                <div class="soft_con_icon">
                    <ul>
                        <li><a id="pic_fun_adm" href="javascript:void(0);"><img src="assets/images/resource1.png" width="98" height="98"/><p style="color:#17bc78">产品信息</p></a></li>
                        <li><a id="pic_fun_crm" href="javascript:void(0);"><img  src="assets/images/resource2.png" width="98" height="98"/><p>生产商信息</p></a></li>
                        <li><a id="pic_fun_project" href="javascript:void(0);"><img  src="assets/images/resource3.png" width="98" height="98"/><p>经销商信息</p></a></li>
                        <li><a id="pic_fun_k" href="javascript:void(0);"><img  src="assets/images/resource4.png" width="98" height="98"/><p>通关信息</p></a></li>
                    </ul>
                </div>
                <div class="soft_con1" style="background:url(assets/images/rline1.png);"></div>
                <div class="soft_con">
                    <div id="xzgl" class="soft_con2">
                        <p><em>在这里:</em>为您提供：消费者只需要通过带摄像头的手机拍摄二维码，就能查询到产品的相关信息，查询的记录都会保留在系统内，一旦产品需要召回就可以直接发送短信给消费者。</p>
                    </div>
                    <div id="crm" class="soft_con2" style="display:none">
                        <p><em>在这里:</em>为您提供：食品的溯源产地是哪里，消费者只需要通过带摄像头的手机拍摄二维码，就能查询到产品的相关信息，查询的记录都会保留在系统内，一旦产品需要召回就可以直接发送短信给消费者</p>
                    </div>
                    <div id="xmgl" class="soft_con2" style="display:none">
                        <p><em>在这里:</em>为您提供：食品的经销商是哪里的。消费者只需要通过带摄像头的手机拍摄二维码，就能查询到产品的相关信息，查询的记录都会保留在系统内，一旦产品需要召回就可以直接发送短信给消费者</p>
                    </div>
                    <div id="zsgl" class="soft_con2" style="display:none">
                        <p><em>在这里:</em>为您提供：食品是国产的还是进口的，如果是进口，会有显示海关的信息，消费者只需要通过带摄像头的手机拍摄二维码，就能查询到产品的相关信息，查询的记录都会保留在系统内，一旦产品需要召回就可以直接发送短信给消费者</p>
                    </div>
                </div>
            </div>
            <!-- End -->
        </div>
    </section>
    <footer class="site-footer">

        <div class="grid__item footer_product_categories">
            <div class="wrapper">
                <div class="fi-title">
                    Product Categories
                </div>
                <div class="fi-content">
                    <ul class="product_categories_list">
                        <li class="pc-items">
                            <a href="collection.html">Beauty &amp; Health</a>
                        </li>
                        <li class="pc-items">
                            <a href="collection.html">Book</a>
                        </li>
                        <li class="pc-items">
                            <a href="collection.html">Camera - Camcorder</a>
                        </li>
                        <li class="pc-items">
                            <a href="collection.html">Clothing</a>
                        </li>
                        <li class="pc-items">
                            <a href="collection.html">Home Appliances</a>
                        </li>
                        <li class="pc-items">
                            <a href="collection.html">Homelife</a>
                        </li>
                        <li class="pc-items">
                            <a href="collection.html">Kids &amp; Baby</a>
                        </li>
                        <li class="pc-items">
                            <a href="collection.html">Smartphones &amp; Cell Phones</a>
                        </li>
                        <li class="pc-items">
                            <a href="collection.html">Sport &amp; Outdoor</a>
                        </li>
                        <li class="pc-items">
                            <a href="collection.html">Stationery</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="grid__item footer_copyright" style="background-color: #2c2c2c;">
            <div class="wrapper">
                <div class="grid">
                    <div class="grid__item footer-copyright one-half small--one-whole medium--one-whole small--text-center" style="margin: 0 auto;float:none;">
                        <p style="text-align: center;font-size: 20px;color:#636363;">
                            © 2019 仲恺农业工程学院智慧农业109实验室
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <script type="text/javascript">
            $(function () {
                $(".fi-title").click(function(){
                    $(this).toggleClass('opentab');
                });
            });
        </script>
    </footer>

</body>
<script type="text/javascript">
    $(function(){
        $(".soft_con_icon ul li a").mouseover(function(){
            let id = $(this).attr("id");
            let x=$(this).parent().index();
            $(this).children("p").css({"color":"#17bc78"}).parent().parent().siblings().children().children("p").css({"color":"#333333"});
            let src1=id+"_hover.gif"
            if(x==0){
                $("#xzgl").css({"display":"block"}).siblings().css({"display":"none"});
                $(".soft_con1").css({"background":" url(assets/images/rline1.png)"});
            }else if(x==1){
                $("#crm").css({"display":"block"}).siblings().css({"display":"none"});
                $(".soft_con1").css({"background":"url(assets/images/rline2.png)"});
            }else if(x==2){
                $("#xmgl").css({"display":"block"}).siblings().css({"display":"none"});
                $(".soft_con1").css({"background":"url(assets/images/rline3.png)"});
            }else if(x==3){
                $("#zsgl").css({"display":"block"}).siblings().css({"display":"none"});
                $(".soft_con1").css({"background":"url(assets/images/rline4.png)"});
            }
        });//通过查询 切换
    });

</script>
</html>